<template>
  <div class="page_1">
    <el-input v-model="value"></el-input>

    <div v-highlight.m.log="value">
      <p>1. 含大小写</p>
      <p>
        Http://www.Baidu.com|Www.baiDu.com
      </p>
      <br />
      <p>2. 多行带符号</p>
      <p>
        Http://www.baidu.com.Www.baidu.com&* Http://www.baidu.com&(
        Www.baidu.com&) Www.baidu.com&[ Www.baidu.com&] Www.baidu.com&
      </p>
      <br />
      <p>3. 单行带符号</p>
      <p>
        Http://www.baidu.com.Www.baidu.com&*Http://www.baidu.com&(Www.baidu.com&)Www.baidu.com&[Www.baidu.com&]Www.baidu.com&
      </p>
      <br />
      <p>4. 含中文括号</p>
      <p>不断开： Http://www.baidu.com.Www.baidu.com（密码：888）</p>
      <p>
        断开： Http://www.baidu.com.Www.baidu.com （密码：888）
      </p>
      <br />
      <p>5. 含中英文括号</p>
      <p>不断开：Http://www.baidu.com.Www.baidu.com（密码：888）(密码：888)</p>
      <p>
        断开： Http://www.baidu.com.Www.baidu.com（密码：888）(密码：888)
      </p>
      <br />
      <p>6. 纯数字</p>
      <p>
        123356732542
      </p>
    </div>
  </div>
</template>

<script>
export default {
  name: "page_1",
  data() {
    return {
      value: "([a-zA-z]+://)?([^\\s]|[a-zA-z\\d])+"
    };
  }
};
</script>
